$foo: (
	'foo': 'bar',
	'bar': (
		'foo': 'bze'
	)
);

.parent {
	&__child {
		p::first-line {
			content: '';
		}
	}
}

.foo,
.bar {
	content: 'bar';

		content: 'baz';
content: 'bar';

	@include breakpoint(500) {
		content: 'baz';
	content: 'qux';
	}

	@include mixin-extra {
		content: 'baz';
		content: 'qux';
	}

	@include mixin-empty-args() {
		content: 'baz';
		content: 'qux';
	}

		.qux {
			content: 'bar';
		}

	@if (1 == 1) {
		content: 'foo';
	}
}

@mixin bar {
		content: 'bar';
  content: 'baz';
}

.color {
	color: rgba(255, 255, 255, 0.3);
}

$colors: (
	base: (
		red: #fff,
		blue: #fff
	),
	text: (
		default: #fff,
		light: (
			brap: #987
		),
		not: (
			test: #fff
		)
	)
);

.multilineprops {
	background: transparent linear-gradient(
		to bottom,
			#ff0000 0%,
		#00ff00 40%,
		#0000ff 40%
	);
}

.multilineprops-extra {
	background: transparent linear-gradient(to bottom, #ff0000 0%, #00ff00 40%, #0000ff 40%);
}

// Top-level mixin
@include hello(
	$foo,
	$bar,
	$baz
);

.foo {
	// Nested Mixin
	@include hello(
		$foo,
		$bar,
		$baz
	);

	// CSS built-in function
	background: transparent linear-gradient(
		to bottom,
		#ff0000 0%,
		#00ff00 40%,
		#0000ff 40%
	);

	// User-defined function
	content: goodbye(
		$foo,
		$bar
	);
}

@function cp($target, $container) {
	@return calc-percent($target, $container);
}

// Issue #426 - Unexpected indenting enforcement on multiline rules
@mixin hidpi-background-image($filename, $background-size: 'mixed', $extension: png) {
	background-image: url('../images/#{$filename}.#{$extension}');
	@if ($background-size != 'mixed') {
		background-size: $background-size;
	}
	@media (min--moz-device-pixel-ratio: 1.3),
		(-o-min-device-pixel-ratio: 2.6/2),
		(-webkit-min-device-pixel-ratio: 1.3),
			(min-device-pixel-ratio: 1.3),
		(min-resolution: 1.3dppx) {
			background-image: url('../images/#{$filename}@2x.#{$extension}');
				color: red;
		}
}

@media (max-width: 800px), (max-height: 600px) {
	#unit {
		margin: 16px;
	}
}

@media (max-width: 800px), (max-height: 600px) {
		#unit {
			margin: 16px;
		}
}

// Issue #783 and issue #779 - at-rule throws off indentation of maps etc

@import 'echo-base/defaults/breakpoints';

$textsizes: (
	xs: (
		s: 10px,
		m: 10px
	),
	s: (
		s: 12px,
			m: 13px
	),
);

@function em($pixels, $context: $font-size-base) {
	@return #{($pixels / $context)}rem;
}

$textsizes: (
	xs: (
		s: 10px,
			m: 10px
	),
	s: (
		s: 12px,
		m: 13px
	),
);
